<template>
    <div>
        <!-- mobile-menu-area start -->
		<div class="mobile-menu-area">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="mobile-menu">
							<nav id="dropdown">
								<ul>
									<li>
										<a class="active1" href="index.html">
											Home
										</a>
										<ul>
											<li>
												<a href="index.html">
													home version 1
												</a>
											</li>
											<li>
												<a href="index-2.html">
													home version 2
												</a>
											</li>
											<li>
												<a href="index-3.html">
													home version 3
												</a>
											</li>
										</ul>
									</li>
									<li class="active1">
										<a class="active1" href="#">
											Pages
										</a>
										<ul>
											<li>
												<a href="about-us.html">
													about us
												</a>
											</li>
											<li>
												<a href="cart.html">
													cart
												</a>
											</li>
											<li>
												<a href="checkout.html">
													checkout
												</a>
											</li>
											<li>
												<a href="wishlist.html">
													wishlist
												</a>
											</li>
											<li>
												<a href="login.html">
													login
												</a>
											</li>
											<li>
												<a href="register.html">
													register
												</a>
											</li>
											<li>
												<a href="contact.html">
													contact
												</a>
											</li>
											<li>
												<a href="shop-page.html">
													shop page
												</a>
											</li>
											<li>
												<a href="shop-list.html">
													shop list
												</a>
											</li>
											<li>
												<a href="single-product.html">
													single product
												</a>
											</li>
											<li>
												<a href="404.html">
													404 page
												</a>
											</li>
										</ul>
									</li>
									<li class="active1">
										<a class="active1" href="#">
											Blog
										</a>
										<ul>
											<li>
												<a href="blog-page.html">
													blog-page
												</a>
											</li>
											<li>
												<a href="blog-sidebar.html">
													blog left sidebar
												</a>
											</li>
											<li>
												<a href="blog-right-sidebar.html">
													blog right sidebar
												</a>
											</li>
											<li>
												<a href="blog-details.html">
													blog-details
												</a>
											</li>
										</ul>
									</li>
									<li>
										<a href="about-us.html">
											about us
										</a>
									</li>
									<li>
										<a href="contact.html">
											Contacts
										</a>
									</li>
								</ul>
							</nav>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- mobile-menu-area end -->
		<!-- breadcrumbs start -->
		<div class="breadcrumbs-area breadcrumb-bg ptb-100">
			<div class="container">
				<div class="breadcrumbs text-center">
					<h2 class="breadcrumb-title">
						blog details
					</h2>
					<ul>
						<li>
							<a class="active" href="index.html">
								Home
							</a>
						</li>
						<li>
							blog details
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- breadcrumbs area end -->
		<!-- blog sidebar area start -->
		<div class="blog-sidebar-area ptb-100">
			<div class="container">
				<div class="row">
					<div class="col-md-8 col-lg-9">
						<div class="blog-wrapper">
							<div class="single-blog">
								<a href="#">
									<img src="assets/img/blog/blog-details.jpg" alt="">
								</a>
								<div class="blog-details-text mt-20">
									<h3>
										Lorem ipsum dolor sit amet
									</h3>
									<div class="post-info">
										<ul>
											<li>
												<i class="fa fa-user">
												</i>
												kavin smith
											</li>
											<li>
												<i class="fa fa-calendar">
												</i>
												june 26, 2016
											</li>
											<li>
												<a href="#">
													<i class="fa fa-comments-o">
													</i>
													6
												</a>
											</li>
										</ul>
									</div>
									<p class="details-pera">
										Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
										tempor incididunt ut labore et dolore magna aliqua. U enim ad minim veniam,
										quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
										consequat. Duis aute irure dol in reprehenderit in voluptate velit esse
										cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
										non proident, s in culpa qui officia deserunt mollit anim id est laborum.
										Sed ut perspiciatis unde omnis iste
									</p>
									<blockquote>
										<p>
											<i class="fa fa-quote-left" aria-hidden="true">
											</i>
											Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
											tempor incididunt ut labore et dolore magna aliqua. U enim ad minim veniam
											<i class="fa fa-quote-right" aria-hidden="true">
											</i>
										</p>
									</blockquote>
									<p>
										Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
										tempor incididunt ut labore et dolore magna aliqua. U enim ad minim veniam,
										quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
										consequat. Duis aute irure dol in reprehenderit in voluptate velit esse
										cillum dolore eu fugiat nulla pariatur.
									</p>
								</div>
								<div class="news-details-bottom mtb-60">
									<h3 class="leave-comment-text">
										Comments
									</h3>
									<div class="blog-top">
										<div class="news-allreply">
											<a href="#">
												<img src="assets/img/testimonial/1.jpg" alt="">
											</a>
										</div>
										<div class="blog-img-details">
											<div class="blog-title">
												<div class="blog-title-1">
													<h3>
														kavin smith
													</h3>
													<span>
														14 february, 2018 at 7 : 00 pm
													</span>
												</div>
												<div class="nes-icon">
													<a href="#">
														reply
													</a>
												</div>
											</div>
											<p class="p-border">
												Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
												tempor incididunt ut labore et dolore i aliqua. Ut enim ad minim veniam,
												quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
												cons. Duis aute irure dolor in reprehenderit in
											</p>
										</div>
									</div>
									<div class="blog-top mt-40 mb-40 margin-middle">
										<div class="news-allreply">
											<a href="#">
												<img src="assets/img/testimonial/2.jpg" alt="">
											</a>
										</div>
										<div class="blog-img-details">
											<div class="blog-title">
												<div class="blog-title-1">
													<h3>
														lora dina
													</h3>
													<span>
														14 february, 2018 at 7 : 00 pm
													</span>
												</div>
												<div class="nes-icon">
													<a href="#">
														reply
													</a>
												</div>
											</div>
											<p class="p-border">
												Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
												tempor incididunt ut labore et dolore i aliqua. Ut enim ad minim veniam,
												quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
												cons. Duis aute irure dolor in reprehenderit in
											</p>
										</div>
									</div>
									<div class="blog-top">
										<div class="news-allreply">
											<a href="#">
												<img src="assets/img/testimonial/3.jpg" alt="">
											</a>
										</div>
										<div class="blog-img-details">
											<div class="blog-title">
												<div class="blog-title-1">
													<h3>
														mikel smith
													</h3>
													<span>
														14 february, 2018 at 7 : 00 pm
													</span>
												</div>
												<div class="nes-icon">
													<a href="#">
														reply
													</a>
												</div>
											</div>
											<p class="p-border">
												Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
												tempor incididunt ut labore et dolore i aliqua. Ut enim ad minim veniam,
												quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
												cons. Duis aute irure dolor in reprehenderit in
											</p>
										</div>
									</div>
								</div>
								<div class="leave-comment">
									<h3 class="leave-comment-text">
										Write a comment
									</h3>
									<form action="#">
										<div class="row">
											<div class="col-md-6">
												<div class="leave-form">
													<input placeholder="Name*" type="text">
												</div>
											</div>
											<div class="col-md-6">
												<div class="leave-form">
													<input placeholder="Email*" type="text">
												</div>
											</div>
											<div class="col-md-12">
												<div class="text-leave">
													<textarea placeholder="Comment*">
													</textarea>
													<button class="submit" type="submit">
														Send Commant
													</button>
												</div>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-4 col-lg-3">
						<div class="blog-sidebar mrg-for-sm-top">
							<div class="single-sidebar blog-search-deff">
								<h3 class="sidebar-title">
									Search
								</h3>
								<form action="#">
									<input value="" placeholder="Search" type="text">
									<button class="blog-submit" type="submit">
										<i class="fa fa-search" aria-hidden="true">
										</i>
									</button>
								</form>
							</div>
							<div class="single-sidebar">
								<h3 class="sidebar-title">
									Category
								</h3>
								<div class="sidebar-list">
									<ul>
										<li>
											<input type="checkbox">
											<a href="#">
												Dresses (7)
											</a>
										</li>
										<li>
											<input type="checkbox">
											<a href="#">
												Accessories (9)
											</a>
										</li>
										<li>
											<input type="checkbox">
											<a href="#">
												Tops (3)
											</a>
										</li>
										<li>
											<input type="checkbox">
											<a href="#">
												Handbags (1)
											</a>
										</li>
										<li>
											<input type="checkbox">
											<a href="#">
												Watches (7)
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="single-sidebar">
								<h3 class="sidebar-title">
									Recent Posts
								</h3>
								<div class="recent-all">
									<div class="recent-img-text mb-20">
										<div class="recent-img">
											<a href="#">
												<img src="assets/img/blog/s1.jpg" alt="">
											</a>
										</div>
										<div class="recent-text">
											<h4>
												<a href="#">
													Simple post title
												</a>
											</h4>
											<div class="post-info">
												<ul>
													<li>
														<i class="fa fa-calendar">
														</i>
														june 26, 2016
													</li>
												</ul>
											</div>
										</div>
									</div>
									<div class="recent-img-text mb-20">
										<div class="recent-img">
											<a href="#">
												<img src="assets/img/blog/s2.jpg" alt="">
											</a>
										</div>
										<div class="recent-text">
											<h4>
												<a href="#">
													Simple post title
												</a>
											</h4>
											<div class="post-info">
												<ul>
													<li>
														<i class="fa fa-calendar">
														</i>
														june 26, 2016
													</li>
												</ul>
											</div>
										</div>
									</div>
									<div class="recent-img-text">
										<div class="recent-img">
											<a href="#">
												<img src="assets/img/blog/s3.jpg" alt="">
											</a>
										</div>
										<div class="recent-text">
											<h4>
												<a href="#">
													Simple post title
												</a>
											</h4>
											<div class="post-info">
												<ul>
													<li>
														<i class="fa fa-calendar">
														</i>
														june 26, 2016
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="single-sidebar">
								<h3 class="sidebar-title">
									Our Brand
								</h3>
								<div class="sidebar-list">
									<ul>
										<li>
											<input type="checkbox">
											<a href="#">
												Nike (8)
											</a>
										</li>
										<li>
											<input type="checkbox">
											<a href="#">
												Religion (2)
											</a>
										</li>
										<li>
											<input type="checkbox">
											<a href="#">
												Diesel (5)
											</a>
										</li>
										<li>
											<input type="checkbox">
											<a href="#">
												Monki (8)
											</a>
										</li>
										<li>
											<input type="checkbox">
											<a href="#">
												iaan (7)
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="single-sidebar">
								<h3 class="sidebar-title">
									Popular Tags
								</h3>
								<div class="tag">
									<ul>
										<li>
											<a href="#">
												Clothing
											</a>
										</li>
										<li>
											<a href="#">
												accessories
											</a>
										</li>
										<li>
											<a href="#">
												fashion
											</a>
										</li>
										<li>
											<a href="#">
												footwear
											</a>
										</li>
										<li>
											<a href="#">
												kid
											</a>
										</li>
										<li>
											<a href="#">
												View All Tags
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="single-sidebar">
								<div class="sidebar-img-text">
									<div class="sidebar-img">
										<a href="#">
											<img src="assets/img/shop/2.jpg" alt="">
										</a>
										<div class="sidebar-text">
											<h3>
												save up to
											</h3>
											<h2>
												40% off
											</h2>
											<h3>
												cap
											</h3>
											<a href="#">
												shop now
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- blog sidebar area end -->
    </div>
</template>
<script>
module.exports = {
  data: function () {
    return {};
  },
  };
</script>